---
title: Calendar with navLinks activated
description: Click on any date text within the calendar and see where it takes you
layout: demo-v4
plugins: [ daygrid, timegrid ]
---
<script>

  document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
      plugins: [ 'dayGrid', 'timeGrid' ],
      navLinks: true,
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridMonth,timeGridWeek,timeGridDay'
      }
    });

    calendar.render();
  });

</script>
